@charset "UTF-8";
@import url('./variable');

// 京东秒杀
.sale-area {
  position: relative;
  margin-top: 2.6667vw;
  height: 24vw;
  padding: 0.8vw;
  padding-left: 2.6667vw;
  .sale__bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .sale {
    display: flex;
    align-items: center;
    height: 100%;
    .sale__info {
      width: 20vw;
      margin-right: 2.6667vw;
      img {
        width: 100%;
      }
      .sale__title {
        font-size: @small_font_size;
        color: #fff;
      }
      .sale__btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 14.4vw;
        margin-top: 3.2vw;
        font-size: 2.6667vw;
        background-color: #fff;
        border-radius: 1.6vw;
        color: @main_color;
        img {
          width: 2.6667vw;
          margin-left: 1.6vw;
        }
      }
    }
    .sale__list {
      flex: 1;
      display: flex;
      padding: 1.0667vw 0;
      background-color: #fff;
      border-radius: 1.6vw;
      .item {
        flex: 1;
        text-align: center;
        font-size: @small_font_size;
        color: @main_color;
        img {
          width: 14.4vw;
          height: 14.4vw;
          margin-bottom: .8vw;
        }
      }
    }
  }
}
